<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/detail.css" type="text/css" rel="stylesheet" />

<!--[if ie 6]><script src="../../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="../../css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="../../css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<div class="wrap">
    	<div class="w980 mg">
            <div class="f_order_head">
                <img src="../../images/common/logo.gif" class="block fl" /><img src="../../images/common/phone.gif" class="block fl" />
            </div>
            <div class="order_tip"></div>
            <div class="f_order_title">
            	<span class="fl">预订：</span><i class="fl">上海野生动物园门票</i>
            	<div class="fr pr clearfix">
                	<a href="#" class="f_orderbg ensure_1">优惠承诺</a>
                    <a href="#" class="f_orderbg ensure_2">入园保障</a>
                    <a href="#" class="f_orderbg ensure_3">放心保障</a>
                    <div class="f_tc_tip_1">
                    	如您在驴妈妈的订购价格高于景点的当天门市价，我们无条件退还差价。
                        <span class="f_arror"></span>
                    </div>
                    <div class="f_tc_tip_2">
                    	如您在驴妈妈的订购价格高于景点的当天门市价，我们无条件退还差价。
                        <span class="f_arror"></span>
                    </div>
                    <div class="f_tc_tip_3">
                    	如您在驴妈妈的订购价格高于景点的当天门市价，我们无条件退还差价。
                        <span class="f_arror"></span>
                    </div>
                </div>
            </div>
            <!-- content -->
            <div class="f_detail_box">
            	<!-- pro-info-->
            	<div class="f_pro_box">
                	<h1><i class="f_orderbg"></i>产品信息</h1>
                    <table class="f_order_list dis1">
                    	<thead>
                        	<th class="col1">游玩日期</th>
                            <th class="col2">名称</th>
                            <th class="col3">门市价</th>
                            <th class="col4">驴妈妈价</th>
                            <th class="col5">数量</th>
                            <th class="col6">小计</th>
                        </thead>
                    	<tbody>
                        	<tr>
                            	<td class="col1"><span>2012-05-10</span></td>
                                <td class="col2"><a href="#" class="clrblue">成人门票</a></td>
                                <td class="col3"><i style="text-decoration:line-through;">¥130</i></td>
                                <td class="col4"><span>¥120</span></td>
                                <td class="col5">
                                	<div class="nums_wrap">
                                        <a href="#" class="f_orderbg minus"></a>
                                        <input type="text" />
                                        <a href="#" class="f_orderbg add"></a>
                                    </div>
                                </td>
                                <td class="col6"><span>¥120</span></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="dis1 instruc_wrap">
                    	<ul class="f_instruc clearfix">
                        	<li class="current">
                            	费用说明
                            </li>
                            <li>
                            	退款说明
                            </li>
                        </ul>
                        <div class="content">
                        	123123
                        </div>
                        <div class="content" style="display:none;">
                        	123123
                        </div>
                    </div>
                </div>
                <!-- pro-info--end -->
                <!-- ticketer-info -->
                <div class="f_pro_box">
                	<h1><i class="f_orderbg"></i>取票人信息<span class="clrc06">（请准确填写取票人信息，我们将向取票人手机发送订单短信）</span></h1>
                    <ul class="input_info dis1">
                    	<li>
                        	<label><i class="alarm">*</i>取票人姓名：</label>
                            <input type="text" />
                        </li>
                        <li>
                        	<label><i class="alarm">*</i>取票人手机：</label>
                            <input type="text" />
                            <span class="mt10 ml10"> （免费接收短信，作为订购与取票凭证，请准确填写）</span>
                        </li>
                    </ul>
                </div>
                <!-- ticketer-info--end -->
                <!-- orderbak -->
                <div class="f_pro_box">
                	<h1><i class="f_orderbg"></i>订单备注</h1>
                    <ul class="input_info dis1 remark">
                    	<li>
                        	<label>订单备注：</label>
                            <textarea rows="4" cols="70">你对订单的特殊要求</textarea>
                        </li>
                    </ul>
                </div>
                <!-- orderbak--end -->
                <div class="f_price_wrap">
                	<span>产品金额：</span><em>¥120</em><span> - 优惠活动：</span><em>¥0</em> = 应付：<span class="f_pay_price"><em>¥</em>120</span>
                </div>
                <div class="f-order_commit">
                	<input type="button"  value="确认下单" class="f_orderbg f_btn_sub" />
                    <input type="checkbox" class=" cb_style" checked="checked" /><label class="clrblue">同意驴妈妈票务预订协议</label>
                </div>
            </div>
            <!-- content--end-->
        </div>
    </div>
</body>
</html>
